<div class="return-btn">
  <a href="javascript:;" routerLink="../../list"><i class="anticon anticon-left-circle-o"></i> <span class="title">订单编号: {{order_no}}</span></a>
  <nz-spin [nzSpinning]="_isSpinning">
    <div nz-row [nzType]="'flex'" class="recipients-info">
      <div nz-col [nzSpan]="6">收件人: <span *ngIf="order_info">{{order_info.name}}</span></div>
      <div nz-col [nzSpan]="6">联系电话：<span *ngIf="order_info">{{order_info.mobile}}</span></div>
      <div nz-col [nzSpan]="6">快递公司：<span *ngIf="order_info">{{order_info.express_name}}</span></div>
      <div nz-col [nzSpan]="6">快递单号：<span *ngIf="order_info">{{order_info.express_no}}</span></div>
      <div nz-col [nzSpan]="24">收货地址：<span *ngIf="order_info">{{order_info.province}}</span></div>
    </div>
  </nz-spin>
</div>
<div class="logistics-info">
  <p>查看物流</p>
  <div class="logistics-progress">
    <nz-spin [nzSpinning]="_isSpinning">
      <div  class="logistics-item" *ngFor="let item of express">
        <span class="line"></span>
        <span class="circle"></span>
        <span>{{item.time}}</span>
        <span>{{item.context}}</span>
      </div>
      <div *ngIf="!express||express.length==0">
        {{expressMessage}}
      </div>
    </nz-spin>
  </div>
</div>
